<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <RouterView />
  <van-tabbar route placeholder>
    <van-tabbar-item replace to="/" icon="home-o">{{$t('tab.start')}}</van-tabbar-item>
    <van-tabbar-item replace to="/player" icon="friends">{{$t('tab.player')}}</van-tabbar-item>
    <van-tabbar-item replace to="/record" icon="search">{{$t('tab.record')}}</van-tabbar-item>
    <van-tabbar-item replace to="/setting" icon="setting">{{$t('tab.setting')}}</van-tabbar-item>
  </van-tabbar>
</template>

<style>
body {
  background: var(--van-background);
}
</style>
